<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>资源管理系统</title>
        <link type="text/css" href="resource/js/menu/menu.css" rel="stylesheet" />
        <script type="text/javascript" src="resource/js/jquery/jquery.js">
        </script>
        <script type="text/javascript" src="resource/js/menu/menu.js">
        </script>
        <style type="text/css">
            * {
                margin: 0;
                padding: 0;
            }
            
            html, body, #box {
                height: 100%;
                font: small / 1.5 "宋体", serif;
				overflow:hidden;
            }
            
            body {
                text-align: center;
            }
            
            #box {
                text-align: left;
                background: #cccccc;
                display: table;
                width: 100%;
                margin: 0 auto;
                position: relative;
            }
            
            #box > div {
                display: table-row;
            }
            
            #header {
                background: url(resource/images/11.jpg) repeat;
                height: 90px;
				vertical-align:bottom;
            }
            
            #footer {
                background: url(resource/images/bodybg.png) repeat;
                height: 23px;
            }
            #text {
            	background: url(resource/images/bodybg.png) repeat;
            	display: table-cell;
                text-align: center;
				vertical-align:middle;
            }
            
            div#menu {
				margin-top:50px;
                width: 80%;
                height: 40px;
            }
        </style>
        <script type="text/javascript">
        	$(document).ready(function(){
				
			});
        	function setMainFrameHeight(obj){
				$(obj).height($(document).height()-110);
			}
        </script>
    </head>
    <body>
        <div id="box">
            <div id="header">
                <div id="menu">
                    <ul class="menu">
                        <li>
                            <a href="#" class="parent"><span>首页</span></a>
                            <div>
                                <ul>
                                    <li>
                                        <a href="#" class="parent"><span>Sub Item 1</span></a>
                                        <div>
                                            <ul>
                                                <li>
                                                    <a href="#" class="parent"><span>Sub Item 1.1</span></a>
                                                    <div>
                                                        <ul>
                                                            <li>
                                                                <a href="#"><span>Sub Item 1.1.1</span></a>
                                                            </li>
                                                            <li>
                                                                <a href="#"><span>Sub Item 1.1.2</span></a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li>
                                                    <a href="#"><span>Sub Item 1.2</span></a>
                                                </li>
                                                <li>
                                                    <a href="#"><span>Sub Item 1.3</span></a>
                                                </li>
                                                <li>
                                                    <a href="#"><span>Sub Item 1.4</span></a>
                                                </li>
                                                <li>
                                                    <a href="#"><span>Sub Item 1.5</span></a>
                                                </li>
                                                <li>
                                                    <a href="#"><span>Sub Item 1.6</span></a>
                                                </li>
                                                <li>
                                                    <a href="#" class="parent"><span>Sub Item 1.7</span></a>
                                                    <div>
                                                        <ul>
                                                            <li>
                                                                <a href="#"><span>Sub Item 1.7.1</span></a>
                                                            </li>
                                                            <li>
                                                                <a href="#"><span>Sub Item 1.7.2</span></a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="#"><span>Sub Item 2</span></a>
                                    </li>
                                    <li>
                                        <a href="#"><span>Sub Item 3</span></a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#" class="parent"><span>Product Info</span></a>
                            <div>
                                <ul>
                                    <li>
                                        <a href="#" class="parent"><span>Sub Item 1</span></a>
                                        <div>
                                            <ul>
                                                <li>
                                                    <a href="#"><span>Sub Item 1.1</span></a>
                                                </li>
                                                <li>
                                                    <a href="#"><span>Sub Item 1.2</span></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="#" class="parent"><span>Sub Item 2</span></a>
                                        <div>
                                            <ul>
                                                <li>
                                                    <a href="#"><span>Sub Item 2.1</span></a>
                                                </li>
                                                <li>
                                                    <a href="#"><span>Sub Item 2.2</span></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="#"><span>Sub Item 3</span></a>
                                    </li>
                                    <li>
                                        <a href="#"><span>Sub Item 4</span></a>
                                    </li>
                                    <li>
                                        <a href="#"><span>Sub Item 5</span></a>
                                    </li>
                                    <li>
                                        <a href="#"><span>Sub Item 6</span></a>
                                    </li>
                                    <li>
                                        <a href="#"><span>Sub Item 7</span></a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#"><span>Help</span></a>
                        </li>
                        <li class="last">
                            <a href="#"><span>Contacts</span></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="text">
                <iframe id="contentFrame" src="center.html" width="100%" onload="setMainFrameHeight(this);" frameborder=0>
                </iframe>
            </div>
            <div id="footer">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td height="23" background="resource/images/main_25.gif">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td width="181" height="23" background="resource/images/main_24.gif">
                                        &nbsp;
                                    </td>
                                    <td>
                                        <div align="right" class="STYLE1">
                                           	 星期一
                                        </div>
                                    </td>
                                    <td width="25">
                                        <img src="resource/images/main_27.gif" width="25" height="23" />
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </body>
</html>